<!--
 * @Description: Description
 * @Author: Kerwin
 * @Date: 2024-01-18 15:46:57
 * @LastEditTime: 2024-01-18 16:45:16
 * @LastEditors:  Please set LastEditors
-->
<script setup lang="ts">
import { ref } from 'vue'
import { onLoad } from '@dcloudio/uni-app'
import { useConfigStore } from '@/store'

const configStore = useConfigStore()
const popShow = ref(false)
function handleClick() {}
onLoad(() => {
  popShow.value = true
})
</script>
<template>
  <view class="c_container">
    <u-popup
      mode="bottom"
      v-model="popShow"
      :mask-close-able="false"
      :mask-custom-style="{ background: 'rgba(0, 0, 0, 0.2)' }"
      border-radius="30"
    >
      <view class="content">
        <view class="tit">温馨提示</view>
        <scroll-view scroll-y="true" style="height: 700rpx">
          <view class="con">
            亲爱的用户，欢迎使用黑银生活小程序
            <u-gap height="20" bg-color="#fff"></u-gap>
            我们依据相关法律法规制定了
            <u-link font-size="24" href="http://www.uviewui.com" color="#CB7057"
              >《用户协议》</u-link
            >和
            <u-link font-size="24" href="http://www.uviewui.com" color="#CB7057"
              >《隐私协议》</u-link
            >
            ，请您在使用我们的产品前仔细阅读并充分理解相关条款，以了解您的权利。
            <u-gap height="20" bg-color="#fff"></u-gap>
            *根据《常见类型移动互联网应用程序必要个人信息范围规定》，本小程序属于网上购物类，基本功能为“购买商品”，必要个人信息包括:
            注册用户移动电话号码，收货人姓名
            (名称)、地址、联系电话，支付时间、支付金额、支付渠道等支付信息。
            <u-gap height="20" bg-color="#fff"></u-gap>
            *我们严格遵循最小必要原则，在法律规定的必要信息范围内及与实现业务相关联的个人信息范围内处理个人信息。
            您可以通过《用户隐私政策》了解我们处理您个人信息的情况，以及您所享有的相关权利。如您是未成年人，
            请您和您的监护人仔细阅读本政策，并在征得您的监护人授权同意的前提下使用我们的服务或向我们提供个人信息。
            <u-gap height="20" bg-color="#fff"></u-gap>
            您同意《用户隐私政策》仅代表您已了解应用提供的功能，以及功能运行所需的必要个人信息，
            并不代表您己同意我们可以收集非必要个人信息，非必要个人信息会根据您使用过程中的授权情况单独征求您的同意。
            <u-gap height="20" bg-color="#fff"></u-gap>
            设备权限不会默认开启。您在使用具体业务功能时，我们会弹窗电请相关设备权限，征得您的同意后开启:
            权限开启后，您可随时关闭权限:
            您不同意开启权限，将不会影响其他非相关业务功能的正常使用。
            <u-gap height="20" bg-color="#fff"></u-gap>
            如您不同意《用户隐私政策》，我们为您提供了仅汶览的访客模式。访客模式下，您可浏览我们的商品与服务但无法使用我们的完整功能。
            为了给您更优的用户体验，推荐您使用完整功能模式。
            <u-gap height="20" bg-color="#fff"></u-gap>
          </view>
        </scroll-view>
        <view class="btns">
          <u-button
            :custom-style="{ width: '40%' }"
            plain
            type="error"
            @click="popShow = false"
            shape="circle"
            >拒绝</u-button
          >
          <u-button
            :custom-style="{ width: '40%' }"
            type="error"
            @click="popShow = false"
            shape="circle"
            >同意</u-button
          >
        </view>
      </view>
    </u-popup>
  </view>
</template>

<style lang="scss" scoped>
.content {
  padding-top: 50rpx;
  text-align: left;
  .con {
    padding: 20rpx 20rpx 0 20rpx;
    line-height: 40rpx;
    font-size: 24rpx;
  }
}
.tit {
  font-size: 38rpx;
  font-weight: bold;
  color: #333;
  padding-bottom: 20rpx;
  text-align: center;
}
.btns {
  display: flex;
  justify-content: space-between;
  padding: 30rpx 0 calc(30rpx + env(safe-area-inset-bottom)) 0;
}
</style>
